@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap";

body {
margin:0
}

.anunt {
position:fixed;
top:3%;
right:20%;
width:370px;
height:110px;
padding:10px;
margin-left:-400px;
font-weight:700;
font-size:15px;
color:#fff;
opacity:.9;
animation:slideAnunt 0s
}

.safezone {
position:relative;
transform:translate(-10%,-8%);
font-weight:700;
background-image:linear-gradient(to bottom,rgba(0,0,0,0.4),rgba(0,0,0,0.6));
box-shadow:0 0 3px 1px #4bd8fb;
animation:pulsee 1.5s infinite;
border-radius:15px;
text-align:right;
padding:5vh;
width:80%;
height:100%;
overflow:hidden
}

.safezone .logo_onetap {
opacity:.1;
position:absolute;
top:150px;
right:70px;
justify-content:center
}

.safezone taganunt {
position:relative;
top:-45px;
right:45px;
margin:5px;
font:caption;
font-size:12px;
font-weight:700;
letter-spacing:.5px;
font-weight:700;
padding:5px;
background-color:#4bd8fb;
box-shadow:0 0 4px 1.5px #4bd8fb;
float:left;
border-radius:5px;
color:#fff
}

.safezone telefonjucator {
position:relative;
top:-127.5px;
right:35.5px;
color:#fff;
font-weight:700;
font-size:14px;
letter-spacing:.3px;
margin:0;
text-align:left;
max-width:450px;
font-family:'Montserrat',sans-serif
}

.safezone mesajulanuntului {
font-family:'Montserrat',sans-serif;
color:#fff;
font-weight:700;
font-size:12px;
letter-spacing:.5px;
margin:0;
position:absolute;
margin:0;
left:3.5%;
margin-right:-50%;
top:40px;
transform:translate(0%,70%);
text-align:left;
max-width:370px;
max-height:50px!important
}

.countdownanunt {
position:absolute;
height:3px;
width:100.5%;
background:#4bd8fb;
border-radius:15px;
top:98%;
left:0
}

.countdownanunt .baracolorata_slide {
justify-content:center;
position:relative;
background-color:#4bd8fb;
box-shadow:0 0 4px 1.5px #4bd8fb;
width:0;
height:3px;
border-radius:3px;
animation:slideLine 20s linear
}

@keyframes slideLine {
100% {
width:0
}

0% {
width:100%
}
}

@keyframes slideAnunt {
0% {
right:20%;
opacity:0
}

100% {
right:13%;
opacity:1
}
}

@keyframes pulsee {
0% { 
box-shadow: 0px 0px 2px 2px rgba(75, 216, 251, 0.466);
}
50% { 
box-shadow: 0px 0px 2px 2px rgba(75, 216, 251, 0.466);
}
100% { 
box-shadow: 0px 0px 2px 2px rgba(75, 216, 251, 0.466);
} 
}